.login-body {
	background-color: #1c77ac;
	background-image: url(../images/light.png);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	height:100%;
	/*width text-align padding-top设置是爲了解決IE8下login-form-box margin 0 auto失效導致不能水平居中，上部margin无效的問題*/
	width:100%;
	text-align:center;
	padding-top:200px\9;
}

.login-form-box {
	width: 500px;
	height:300px;
	margin: 200px auto;
	padding:40px;
	font-size:16px;
	border:1px solid #fff;
	text-align: center;
	border-radius:30px;
}

.login-form-box img.head-img{
	width:100px;
}

.login-form-box .head-title{
	color:#fff;
	line-height:30px;
}

.login-form-box input.form-data{
	height:40px;
	width:300px;
	margin:20px auto;
	border-radius:5px;
	border:1px #63B8FF solid;
	line-height: 40px; 
	line-height: 40px\9; 
	*line-height: 40px; 
	_line-height:40px;
}

.login-form-box input[name='username'],
.login-form-box input[name='password']{
	padding-left:40px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size:10%;
}
.login-form-box input[name='username']{
	background-image:url(../images/username.png);
}

.login-form-box input[name='password']{
	background-image:url(../images/password.png);
	padding-right:50px;
	width:250px;
}

.login-form-box img#login-btn{
	vertical-align:middle;
	width:33px;
	margin-left:-45px;
	z-index:100;
	cursor: pointer;
}

.login-form-box input.error{
	border:2px solid #FF3030;
}

.footer {
  height: 50px;
  margin-top: -50px;
  line-height:50px;
  text-align: center;
  color:#fff;
}

#mainBody {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
}

.cloud {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: url(../images/cloud.png) no-repeat;
	z-index: 1;
	opacity: 0.5;
}

#cloud2{
	z-index: 2;
}